<template>
  <div>
    <div class="top">
        <div v-for="(v,index) in arr" :key="index" class="topone" @click="fun(v.push)"></div>
    </div>
    <div>
        <img src="https://gjusp.alicdn.com/img/img1640662487355-996.png@1000y-0ic_60Q.png_.webp" alt="">
    </div>
    <a href="https://market.m.taobao.com/app/acar/power-collect-webapp/web/home.html?disableNav=YES" class="a1"></a>
    <a href="https://market.m.taobao.com/app/acar/car-product-webapp/home.html?disableNav=YES" class="a2"></a>
    <a href="https://huodong.m.taobao.com/hd/c4be.html?url=https%3A%2F%2Fh5.m.taobao.com%2Findex_error.html%3Ffrom%3Dh5error" class="a3"></a>
  </div>
</template>

<script>
export default {
    data(){
        return{
            arr:[
            {push:''},
            {push:''},
            {push:''},
            {push:''},
            {push:'/newcar'},
            ]
        }
    },
    methods:{
        fun(push){
            this.$router.push(`${push}`)
        }
    }
}
</script>

<style lang="scss" scoped>
    .top{
        width: 100%;
        height: 2.02rem;
        background: url(//gjusp.alicdn.com/img/img_1640662310022_1.png@1000y-0+ic_60Q.png_.webp)  0 0 / 100% 100%  no-repeat;
        display: flex;
        justify-content: space-around;
    }
    .topone{
        width: 1.4rem;
        height: 2.02rem;
    }
    img{
        width: 375px;
        height: 238px;
    }
    .a1{
    position: absolute;
    width: 3.46344rem;
    height: 4.61785rem;
    top: 2rem;
    left: 0.24rem;
    }
    .a2{
    position: absolute;
    width: 3.25881rem;
    height: 2.16369rem;
    top: 2.05rem;
    left: 3.805rem;
    }
    .a3{
    position: absolute;
    width: 3.25881rem;
    height: 2.16369rem;
    top: 4.4rem;
    left: 3.805rem;
    }
</style>